<template lang="pug">
  div#PictureColumn
    div.column(v-for="(item,index) in columnData",@click="toText(item.id)")
      img(:src="item.columnImg")
      div.title-bar
        span.title  {{item.columnText}}
        span.share-block(@click="toShare(index)")
          i.iconfont.icon-fenxiang
        span.like-block(:class="[item.ifLike ? 'highLight' : '']",@click="showLike(index)")
          i.iconfont(:class="[item.ifLike ? 'icon-xihuan-tianchong' : 'icon-xihuan']")
          span.like-number {{item.likeNumber}}
</template>
<script>
  export default {
    props: ['columnData'],
    data() {
      return {}
    },
    methods: {
      showLike(index) {
        this.$emit('showLike', index)
      },
      toShare(index) {
        this.$emit('toShare', index)
      },
      toText(id) {
        this.$emit('toText', id)
      }
    }
  }
</script>
